<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <script src='../jslib/angular.js/1.4.6/angular.min.js'></script>
</head>
<body>

<div ng-app="myApp" ng-controller="myCtrl" >

    <say-hello speak="content"> 同学 </say-hello>

</div>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
    $scope.content = '天气真好！';

});
/*sayHello 与say-hello自动转换，在directive中都写成无连字符的
  因为标签内部可以嵌套其他的标签，因此想要在自定义标签中嵌套其他的元素标签，则需要：

　　1 使用transclude属性，设置为true。

　　2 并使用ng-transclude属性，定义内部嵌套的位置。
*/
app.directive('sayHello', function() {
    return {
	    restrict: 'E',
		template: '<div> Hello，<b ng-transclude></b></div>',
		replace: true,
		transclude:true,
		scope: {cont : '=speak'}
	};
});


</script>
</body>
</html>